﻿/*######## Smart Green ########*/
.smart-green {
    width: auto!important;
    margin-right: auto!important;
    margin-left: auto!important;
    background: #FFF!important;
    padding: 30px 30px 20px 30px!important;
    box-shadow: rgba(194, 194, 194, 0.7) 0 3px 10px -1px!important;
    -webkit-box-shadow: rgba(194, 194, 194, 0.7) 0 3px 10px -1px!important;
    font: 12px Arial, Helvetica, sans-serif!important;
    color: #666!important;
    border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;    
}
.smart-green h1 {
    font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif!important;
    padding: 20px 0px 20px 40px!important;
    display: block!important;
    margin: -30px -30px 10px -30px!important;
    color: #FFF!important;
    background: #1E8434!important;
    text-shadow: 1px 1px 1px #949494!important;
    border-radius: 5px 5px 0px 0px!important;
    -webkit-border-radius: 5px 5px 0px 0px!important;
    -moz-border-radius: 5px 5px 0px 0px!important;
    border-bottom:1px solid #89AF4C!important;
    letter-spacing:0px!important;

}

.smart-green h2 {
    font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif!important;
    padding: 20px 0px 20px 40px!important;
    display: block!important;
    margin: -26px 6px 10px 24px!important;
    text-shadow: 1px 1px 1px #949494!important;
    border-radius: 5px 5px 0px 0px!important;
    -webkit-border-radius: 5px 5px 0px 0px!important;
    -moz-border-radius: 5px 5px 0px 0px!important;
    border-bottom:1px solid #89AF4C!important;
    letter-spacing:0px!important;

}
.smart-green h1>span {
    display: block!important;
    font-size: 15px!important;
    color: #FFF!important;
}

.smart-green label {
    display: block!important;
    margin: 0px 0px 5px!important;
}
.smart-green label>span {
    float: left!important;
    margin-top: 10px!important;
    color: #5E5E5E!important;
    margin-right: 18px!important;
    width: 99px;
}

.smart-green label>.spanError {
    float: right!important;
    margin-top: 10px!important;
    color: #5E5E5E!important;
    margin-right: 28px!important;
    width: auto!important;
}
.smart-green input[type="text"], .smart-green input[type="email"], .smart-green textarea, .smart-green select {
    color: #555!important;
    height:24px!important;
    width: 74%!important;
    padding: 3px 3px 3px 10px!important;
    margin-top: 2px!important;
    margin-bottom: 16px!important;
    border: 1px solid #E5E5E5!important;
    background: #FBFBFB!important;
    outline: 0!important;
    -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2)!important;
    box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2)!important;
    font: normal 14px/14px Arial, Helvetica, sans-serif!important;
}
.smart-green textarea{
    height:100px!important;
    padding-top: 10px!important;
}
.smart-green select {
    background: url('../images/down-arrow.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%)!important;
    background: url('../images/down-arrow.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9))!important;
   appearance:none!important;
    -webkit-appearance:none!important; 
   -moz-appearance: none!important;
    text-indent: 0.01px!important;
    text-overflow: ''!important;
    width:76%!important;
    height:30px!important;
}
.smart-green .button {
    background-color: #9DC45F!important;
    border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -moz-border-border-radius: 5px!important;
    border: none!important;
    padding: 10px 25px 10px 25px!important;
    color: #FFF!important;
    text-shadow: 1px 1px 1px #949494!important;
}
.smart-green .button:hover {
    background-color:#80A24A!important;
}

.smart-green table tr
{
    height:30px;
}

.smart-green table thead h1
{
    text-align:center;
    padding-left:0px!important;
    padding-right:0px!important;
}
.smart-green table tbody
{
    text-align:center;
    padding-left:0px!important;
    padding-right:0px!important;
}